import {createApp, reactive} from 'petite-vue'

const store = reactive({
    t: 1
})

createApp({
    C:  props=>{
        return {
            $template: `<i>{{props.t}}</i>`,
            props: props
    }},
    A: {
        $template: `<span style="color:red;">{{p.t}}hi<button @click="changeT">++</button></span>
        <div v-scope="C(p)"></div>
        `,
        p: {t: 1},
        changeT() {
            this.p.t += 1
        }
    }
}).mount('#app')